<template>
  <div>
    <music-list :songs="hotSongs"></music-list>
  </div>
</template>

<script lang="ts">
import { MusicInfo } from "@/model/music-info.model";
import musicList from "../../../components/musicList.vue";
import { Vue, Component } from "vue-property-decorator";
import { APIType } from "@/api";
import { Route } from "vue-router";
@Component({
  components: {
    musicList,
  },
})
export default class ArtistHotMusicComponent extends Vue {
  hotSongs: MusicInfo[] = [];
  $api: APIType;
  $route: Route;
  public mounted() {
    this.$api.getArtistsSummary(this.$route.params.id).then((result) => {
      this.hotSongs = result?.hotSongs;
    });
  }
}
</script>

<style lang="scss" scoped></style>
